/** @file StaticBanner.qml
@brief Standard banner shown on top of the screen.

The object is built with a background rectangle, with a backgorund image on top
and a main image not necessary of the same size of the background.
This means that it is possible to create a monochrome or shaded background surrounded
with a background transparent image. The top banner image is resized depending by the
device geometry and when it does not occupy all the screen width the background elements
are partially viewed.

@authorname \n
@licenseversion \n
@actualversion - @dateupdate

@licensenote
*/

import QtQuick 1.0
import "Theme.js" as JsObj

Item {
    id: objectContainer

    width: objLoad.getWidth();
    height: objLoad.getHeight();

    Rectangle {
        id: bannerBackground
        color: objLoad.getColor();
        width: parent.width;
        height: parent.height
    }

    Image {
        id: imageBackground
        width: parent.width;
        height: parent.height
        source: JsObj.getBannerBackground(objLoad.getTheme());
    }

    Image {
        id: banner
        height: parent.height
        width: parent.width
        anchors.horizontalCenter: objectContainer.horizontalCenter
        fillMode: Image.PreserveAspectFit
        source: JsObj.getBanner(objLoad.getTheme());
    }
}
